<template>
	<u-popup mode="center" v-model="isShowLoading">
        <view class="z-wait">
            <view class="load">
			<view class="img"><Loading18 /></view>
			
			<view class="tit1">正在生成您的作品</view>
			<view class="progress">
				<view class="blue"></view>
			</view>
			<view class="tit2">预计耗时 10~60秒</view>
			<view class="tit2" style="margin-top: 6px;">您可以退出本页，稍后{{tip}}查看您的画作</view>

		</view>
        </view>
		
	</u-popup>

</template>
 
<script>
 import Loading18 from '@/components/loading18'
let s;

export default {
  
   props: {
    tip:{
        type:String,
        default:'返回'
    }
   },
   data() {
     return {
        isShowLoading:false,
     }
   },
   async created(){
      s = this
     
	
   },
   methods: {
        show(val){
            this.isShowLoading = val
        }
   }
 }
</script>
<style scoped lang="scss">
.z-wait{
    .load{
		padding: 160rpx 60rpx 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		position: relative;
		background: #151520 !important;
		
		.tit1{
			color:#fff;
			font-size: 16px;
			margin-top: 40px;

		}
		.tit2{
			color: #999;
		}
		
		.progress{
			margin:20px 0;
			background: #fff;
			width: 200px;
			border-radius: 2px;
			height: 3px;
			.blue{
				background: #7CD887;
				width: 140px;
				height: 3px;
			}
		}
	}
}
</style>
 